<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>

        <p>计数： <output id="result"></output></p>
        <button onclick="startWorker()">开始工作</button>
        <button onclick="stopWorker()">停止工作</button>

        <p><strong>注意：</strong> Internet Explorer 9 及更早IE版本浏览器不支持 Web
            Workers.</p>

        <script>
        var w;

        function startWorker() {
            //检测是否存在 worker，如果不存在，- 它会创建一个新的 web worker 对象，然后运行 "demo_workers.js" 中的代码
            if(typeof(Worker) !== "undefined") {
                if(typeof(w) == "undefined") {
                    w = new Worker("worker1.js");
                }

                //事件监听器
                w.onmessage = function(event) {
                    document.getElementById("result").innerHTML = event.data;
                };
            } else {
                document.getElementById("result").innerHTML = "抱歉，你的浏览器不支持 Web Workers...";
            }
        }

        function stopWorker() 
        { 
            w.terminate();  //终止
            w = undefined;
        }
        </script>

    </body>
</html>
